{% extends "masterplan/layout.html" %}

{% block head %}
<style type="text/css">

.card {
  width: 500px;
  border: 1px solid black;
}

.photo {
  width:100px;
  height: 100px;
  border: 1px solid black;
  float: right;
}

.spacer {
  clear: both;
}
</style>

{% endblock %}

{% block content %}
<div class="card">
  <div class="photo"></div>
  <h2><a href="{%url masterplan.views.person person.id %}">{{ person.name }}</a></h2>
  <div class="spacer"></div>
  <h3>{{ task.name }} </h3>
  <p>{{ task.description }}</p>
  <div class="status">
    Status: {{ status }}
  </div>
</div>
{% endblock %}